<style type="text/css">
.row-fluid .span5{
	width:inherit;
}
.dashboard-wrapper .left-sidebar{
	margin-right:0px;
}
#icons [data-icon]:before{
	font-size: 12px;
}
</style>
<div class="sub-nav">
	<ul>
		<li><a href="" class="heading">文章类别</a></li>
	</ul>
</div>
<div class="dashboard-wrapper">
	<p id="icons"><button class="btn btn-success bottom-margin" type="button">新增类别 <span data-icon="&#xe102;"></span></button></p>
	<div class="left-sidebar">
	<div class="row-fluid">
		<div class="span5">
		<div class="widget">
		  <div class="widget-header">
			<div class="title">
			  Deletable Table Ro<a id="deletableTableRow">w</a>
			</div>
			<span class="tools">
			  <a class="fs1" aria-hidden="true" data-icon="&#xe090;"></a>
			</span>
		  </div>
		  <div class="widget-body">
			<table class="table table-striped table-bordered no-margin">
			  <thead>
				<tr>
				  
				  <th style="width:20%">
					No.
				  </th>
				  <th style="width:40%">
					Name
				  </th>
				  <th style="width:20%" class="hidden-phone">
					Status
				  </th>
				  <th style="width:20%" class="hidden-phone">
					Actions
				  </th>
				  
				</tr>
			  </thead>
			  <tbody>
				<tr>
				  <td >
					1
				  </td>
				  <td>
					Srinu
				  </td>
				  <td class="hidden-phone">
					Active
				  </td>
				  <td class="hidden-phone">
					<a class="delete-row" data-original-title="Delete" href="#">
					  <i class="icon-trash">
					  </i>
					</a>
				  </td>
				</tr>
				<tr>
				  <td>
					2
				  </td>
				  <td>
					Baswa
				  </td>
				  <td class="hidden-phone">
					Active
				  </td>
				  <td class="hidden-phone">
					<a class="delete-row" data-original-title="Delete" href="#">
					  <i class="icon-trash">
					  </i>
					</a>
				  </td>
				</tr>
				<tr>
				  <td>
					3
				  </td>
				  <td>
					Prem
				  </td>
				  <td class="hidden-phone">
					Inactive
				  </td>
				  <td class="hidden-phone">
					<a class="delete-row" data-original-title="Delete" href="#">
					  <i class="icon-trash">
					  </i>
					</a>
				  </td>
				</tr>
				<tr>
				  <td>
					4
				  </td>
				  <td>
					Arjun
				  </td>
				  <td class="hidden-phone">
					Active
				  </td>
				  <td class="hidden-phone">
					<a class="delete-row" data-original-title="Delete" href="#">
					  <i class="icon-trash">
					  </i>
					</a>
				  </td>
				</tr>
				<tr>
				  <td>
					5
				  </td>
				  <td>
					Gajju
				  </td>
				  <td class="hidden-phone">
					Inactive
				  </td>
				  <td class="hidden-phone">
					<a class="delete-row" data-original-title="Delete" href="#">
					  <i class="icon-trash">
					  </i>
					</a>
				  </td>
				</tr>
			  </tbody>
			</table>
		  </div>
		</div>
		</div>		
		</div>
				</div>
		</div>
    <script src="/js/admin/jquery.dataTables.js">
    </script>
    
    <script type="text/javascript">      
      //Data Tables
      $(document).ready(function () {
        $('#data-table').dataTable({
          "sPaginationType": "full_numbers"
        });
      });
      jQuery('.delete-row').click(function () {
        var conf = confirm('Continue delete?');
        if (conf) jQuery(this).parents('tr').fadeOut(function () {
          jQuery(this).remove();
        });
          return false;
        });
      </script>